<div class="page page-coupon">
  <div class="coupon-list-wrap">
    <ul class="coupon-list">
      <li class="coupon-item" ng-repeat="coupon in coupons" ng-if="coupons && coupons.length > 0">
        <div class="coupon-content">
          <div class="hoster">百货栈</div>
          <div class="price">
            ￥<span class="value">
              {{coupon.discount | number:2}}
            </span>
          </div>
          <div class="details">
            <div class="name">{{coupon.name}}</div>
            <div class="center-line"></div>
            <div class="range">{{coupon.range}}</div>
          </div>
        </div>
        <div class="footer">
          <div class="footer-line"></div>
          <div class="range">
            有效期：{{coupon.date_start}} - {{coupon.date_end}}
          </div>
        </div>
      </li>
    </ul>
  </div>

  <div class="empty" ng-show="coupons.length == 0">
    <div class="">
      <img src="catalog/view/theme/bhz/m/images/img-empty.png">
      <p>还没有优惠券噢～</p>
    </div>
  </div>


</div>
